<html>

<head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="../js/video.js">
    </script>
    <!--如果在此处写的方法与js文件中的方法同名，那么会调用此处的方法，js中的方法将不会被调用,在此方法中可以调用js文件中的方法-->
    <script type="text/javascript">
        function makeBig(id) {
            getValue(id);
            alert("w45903");
        }
    </script>
</head>

<body>

    <div style="text-align:cente">
        <button onclick="playPause('video1')">播放／暂停</button>
        <button onclick="makeBig('video1')">放大</button>
        <button onclick="makeNormal('video1')">适中</button>
        <button onclick="makeSmall('video1')">缩小</button>
        <button onclick="getValue('video1')">调用js</button>
        <br />
        <video id="video1" width="300" height="300" style="margin-top:15px" controls="controls">
        <source src="../resource/video.mp4" type="video/mp4" />
        </video>
    </div>
</body>

</html>